import { View, Text, Image } from '@tarojs/components';
import NavBar from '@/components/NavBar';
import Taro from '@tarojs/taro';
import logo from '@/assets/images/user/logo.png';
// import { globalStore } from '@/store';
import appointmentIcon from '@/assets/images/home/appointment.png';
import './sytle.scss';

const ActivityHeader = () => {
  const toMyActivity = () => {
    Taro.navigateTo({
      url: '/subPages/myActivity/index',
    });
  };
  return (
    <View className="activity-header-wrap">
      <NavBar showBackBtn title="活动" style={{ color: '#fff', background: 'transparent' }} />
      <View className="shop-wrap">
        <View className="shop-logo">
          {/* <Image src={globalStore.currentShop.imageUrl} /> */}
          <Image className="logo" src={logo} />
          <View className="shop-title-wrap">
            {/* <Text className="title">{globalStore.currentShop.store_name}</Text> */}
            <Text className="title">趣驿站福利活动</Text>
            {/* <Text className="join-day">加入驿站22天</Text> */}
          </View>
        </View>
        <View className="info-item right" onClick={toMyActivity}>
          <Image src={appointmentIcon} />
          <Text>我的活动</Text>
        </View>
      </View>
    </View>
  );
};
export default ActivityHeader;
